div {
    display: block;
}

a{
    text-decoration:none;
}

/* a标签不显示下划线 */
a:hover{
    text-decoration: solid;
}

/* a标签触碰显示下划线 */
a:hover{
    text-decoration:underline ;
}

/* -------------------------------------------------------------------------------------- */

/* 热门推荐 */
/* .wyy-body-ctn-left-up{ */
    /* width: 689px; */
    /* height: auto; */
    /* border: red 1px solid; */
/* } */

/* 热门推荐导航栏 */
.wyy-body-ctn-left-up-nav{
    width: 100%;
    height: 35px;
    /* border: blue 1px solid; */
    margin-top: 20px;
    margin-left: 10px;
    position: relative;
}

/* 红色空心圆 */
.wyy-body-ctn-left-up-nav-redCircle {
    position: absolute;
    width: 6px;
    height: 6px;
    border: 4px solid #c10d0c;
    border-radius: 16px;
    top: 40%;
    margin-left: 5px;
    margin-top: -6px;
}

/* 底部红线 */
.wyy-body-ctn-left-up-nav-redline{
    position: absolute;
    bottom: -0;
    height: 3px;
    width: 98%;
    background-color: #c10d0c;
}

/* 热门推荐字体字样 */
.wyy-body-ctn-left-up-nav-rmtj{
    margin-left: 33px;
    float: left;
    font-size: 20px;
    line-height: 28px;
    text-decoration: none;
    font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
    cursor: pointer;
    color: #333;
}
.wyy-body-ctn-left-up-nav-rmtj:hover{
    text-decoration: none;
}

/* 热门推荐导航栏菜单栏 */
.wyy-body-ctn-left-up-nav-menu{
    float: left;
    margin: 3px 0 0 20px;
}

.wyy-body-ctn-left-up-nav-menu > a{
    color: #666;
    font-size: 13px;
    margin: 0 5px;
}

.wyy-body-ctn-left-up-nav-menu > span{
    color: #ccc;
    font-size: 12px;
}

/* 热门推荐导航栏 更多字样 */
.wyy-body-ctn-left-up-nav-more{
    color: #666;
    cursor: pointer;
    font-size: 14px;
    position: relative;
    margin-left: 42%;
    top: 9%;
}

/* 热门推荐导航栏 箭头 */
.wyy-body-ctn-left-up-nav-jiantou{
    width: 10px;
    height: 10px;
    position: relative;
    top: 10%;
}

/* 热门推荐歌曲内容区 */
.wyy-body-ctn-left-up-body{
    margin-left: 10px;
    width: 100%;
    height: calc(100% - 35px);
    /* border: yellow 1px solid; */
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap; /* 自动换行 当屏幕的宽度不够，则自动换行*/
    margin-top: 10px;
}

/* 热门推荐歌曲内容区每个框框 */
.wyy-body-ctn-left-up-body-item{
    margin-top: 15px;
    width: 20%;
    height: 204px;
    border: 1px rgba(0, 0, 0, 0) solid;
}

/* 热门推荐歌曲内容区每个框框上半部分 */
.wyy-body-ctn-left-up-body-item-cover {
    position: relative;
}

/* 热门推荐歌曲内容区每个框框上半部分图片 */
.wyy-body-ctn-left-up-body-item-cover img{
    cursor: pointer;
    width: 100%;
    background-size: cover
}


/* 热门推荐歌曲内容区每个框框上半部分图片底部 */
.wyy-body-ctn-left-up-body-item-cover-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 27px;
    background-color:rgba(5, 0, 8, 0.5);
}

/* 热门推荐歌曲内容区每个框框上半部分图片底部 耳机样式 */
.wyy-body-ctn-left-up-body-item-cover-bottom-earphone{
    background-image: url("../svg/earphone.svg");
    background-size: 100% 100%;
    float: left;
    /* border: 1px red solid; */
    margin-left: 5px;
    margin-top: 4px;
    width: 24px;
    height: 24px;
}

/* 热门推荐歌曲内容区每个框框上半部分图片底部 播放量 */
.wyy-body-ctn-left-up-body-item-cover-bottom-number{
    float: left;
    color: #dbdbdb;
    font-size: 13px;
    position: relative;
    top: 9px;
    left: 5px;
}

.wyy-body-ctn-left-up-body-item-cover-bottom-number:hover{
    color: #dbdbdb;
    text-decoration: none;
    cursor: none;
}

/* 热门推荐歌曲内容区每个框框上半部分图片底部 播放图标 */
.wyy-body-ctn-left-up-body-item-cover-bottom-play{
    background-image: url("../svg/play.svg");
    background-size: 100% 100%;
    width: 22px;
    height: 22px;
    cursor: pointer;
    margin-left: 82%;
    margin-top: 2px;
    float: left;
    position: absolute;
}

.wyy-body-ctn-left-up-body-item-cover-bottom-play:hover{
    background-image: url("../svg/play(1).svg");
}

/* 热门推荐每首歌曲的介绍文字 */
.wyy-body-ctn-left-up-body-item-jianjie{
    color: black;
    font-size: 14px;
    margin-top: 10px;
    overflow: hidden;
}


/* -------------------------------------------------------------------------------- */
/* 新碟上架 */
/* .wyy-body-ctn-left-mid{ */
    /* border: yellow 1px solid; */
    /* width: 689px; */
    /* height: 523px; */
    /* height: auto; */
    /* border: red 1px solid; */
/* } */

/* 新碟上架导航栏 */
.wyy-body-ctn-left-mid-nav{
    width: 100%;
    height: 35px;
    /* border: blue 1px solid; */
    margin-top: 20px;
    margin-left: 10px;
    position: relative;
}

/* 红色空心圆 */
.wyy-body-ctn-left-mid-nav-redCircle {
    position: absolute;
    width: 6px;
    height: 6px;
    border: 4px solid #c10d0c;
    border-radius: 16px;
    top: 40%;
    margin-left: 5px;
    margin-top: -6px;
}

/* 底部红线 */
.wyy-body-ctn-left-mid-nav-redline{
    position: absolute;
    bottom: -0;
    height: 3px;
    width: 98%;
    background-color: #c10d0c;
}

/* 新碟上架字体字样 */
.wyy-body-ctn-left-mid-nav-xdsj{
    margin-left: 33px;
    float: left;
    font-size: 20px;
    line-height: 28px;
    text-decoration: none;
    font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
    cursor: pointer;
    color: #333;
}
.wyy-body-ctn-left-mid-nav-xdsj:hover{
    text-decoration: none;
}

/* 新碟上架导航栏 更多字样 */
.wyy-body-ctn-left-mid-nav-more{
    color: #666;
    cursor: pointer;
    font-size: 14px;
    position: relative;
    margin-left: 76%;
    top: 9%;
}

/* 新碟上架导航栏 箭头 */
.wyy-body-ctn-left-mid-nav-jiantou{
    width: 10px;
    height: 10px;
    position: relative;
    top: 10%;
}
/* 新碟上架 内容区 */
.wyy-body-ctn-left-mid-cnt{
    margin-left: 10px;
    margin-top: 28px;
    width: 97%;
    height: 52%;
    border: 2px #ccc solid;
    background-color: #F5F5F5;
    position: relative;
}

/* 新碟上架内容区 左箭头*/
.wyy-body-ctn-left-mid-cnt-left-triangle-left {
    cursor: pointer;
    float: left;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-right: 17px solid #898989;
    border-bottom: 18px solid transparent;
    position: relative;
    margin-top: 56px;
    margin-left: 5px;
}

.wyy-body-ctn-left-mid-cnt-left-triangle-left:hover{
    cursor: pointer;
    border-right: 17px solid #565656;
}

.wyy-body-ctn-left-mid-cnt-left-triangle-right {
    cursor: pointer;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-right: 13px solid #F5F5F5;
    border-bottom: 14px solid transparent;
    margin-top: -14px;
    margin-left: 5px;
}

.wyy-body-ctn-left-mid-cnt-items-box{
    height: 100%;
    position: relative;
    overflow: hidden
}


/* 新碟上架内容区 专辑大框架*/
.wyy-body-ctn-left-mid-cnt-items{
    float: left;
    /*border: red solid 1px;*/
    width: 163%;
    height: 91%;
    margin-top: 16px;
    display: flex;
    justify-content: space-around;
    animation: switch 35s ease-out infinite;
}

/* 新碟上架内容区 每张专辑*/
.wyy-body-ctn-left-mid-cnt-item{
    float: left;
    width: 15%;
    height: 100%;
    /* border: blue 1px solid; */
    margin-right: 25px;
    margin-left: 15px;
}

/* 新碟上架内容区 专辑图片*/
.wyy-body-ctn-left-mid-cnt-item img{
    cursor: pointer;
    margin: 0;
    width: 100%;
}


/*新歌上架轮播效果*/
@keyframes switch {
    0%{
        margin-left: 0;
    }
    12%{
        margin-left: 0;
    }
    24%{
        margin-left: -136px;
    }
    36%{
        margin-left: -280px;
    }
    48%{
        margin-left: -425px;
    }
    60%{
        margin-left: -425px;
    }
    72%{
        margin-left: -280px;
    }
    84%{
        margin-left: -136px;
    }
}


/* 新碟上架内容区 专辑名称和歌手名称*/
.wyy-body-ctn-left-mid-cnt-item p{
    cursor: pointer;
    margin: 0;
    padding: 0;
    line-height: 19px;
}

.wyy-body-ctn-left-mid-cnt-item p a{
    cursor: pointer;
    font-size: 13px;
}

.wyy-body-ctn-left-mid-cnt-item-singer{
    cursor: pointer;
    color: #666;
}

/* 新碟上架内容区 右箭头*/
.wyy-body-ctn-left-mid-cnt-right-triangle-left{
    cursor: pointer;
    float: left;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-left: 17px solid #898989;
    border-bottom: 18px solid transparent;
    position: relative;
    margin-top: 57px;
}

.wyy-body-ctn-left-mid-cnt-right-triangle-left:hover{
    cursor: pointer;
    border-left: 17px solid #565656;
}

.wyy-body-ctn-left-mid-cnt-right-triangle-right{
    cursor: pointer;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-left: 13px solid #F5F5F5;
    border-bottom: 14px solid transparent;
    margin-top: -14px;
    margin-left: -19px;
}

/* ----------------------------------------------------------------------------- */
/* 榜单 */
.wyy-body-ctn-left-down{
    position: relative;
}

/* 榜单导航栏 */
.wyy-body-ctn-left-down-nav{
    height: 35px;
    width: 100%;
    /* border: #c10d0c 1px solid; */
}

/* 红色空心圆 */
.wyy-body-ctn-left-down-nav-redCircle {
    float: left;
    width: 6px;
    height: 6px;
    border: 4px solid #c10d0c;
    border-radius: 16px;
    margin-left: 10px;
    margin-top: 10px;
}

/* 底部红线 */
.wyy-body-ctn-left-down-nav-redline{
    position: absolute;
    height: 3px;
    width: 97%;
    background-color: #c10d0c;
    margin-top: 34px;
    margin-left: 10px;
}

/* 榜单字体字样 */
.wyy-body-ctn-left-down-nav-rank{
    margin-left: 10px;
    float: left;
    font-size: 20px;
    line-height: 28px;
    text-decoration: none;
    font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
    cursor: pointer;
    color: #333;
    margin-top: 3px;
}
.wyy-body-ctn-left-down-nav-rank:hover{
    text-decoration: none;
}

/* 榜单导航栏 更多字样 */
.wyy-body-ctn-left-down-nav-more{
    color: #666;
    cursor: pointer;
    font-size: 14px;
    position: relative;
    margin-left: 81%;
    top: 9%;
}

/* 榜单导航栏 箭头 */
.wyy-body-ctn-left-down-nav-jiantou{
    width: 10px;
    height: 10px;
    position: relative;
    top: 10%;
}

/* 榜单内容区 */
.wyy-body-ctn-left-down-cnt{
    height: calc(100% - 35px);
    width: 104%;
    margin-top: 3%;
    margin-left: 1%;
    /* border: 1px blue solid; */
}

/* 榜单内容区分块 分成三大块 */
.wyy-body-ctn-left-down-cnt-item{
    width: 31%;
    height: 100%;
    float: left;
    border: 1px #d6d6d6 solid;
    background-color: #f4f4f4;
}

/* 榜单内容区分块的上部分（包括图片） */
.wyy-body-ctn-left-down-cnt-item-top{
    width: 100%;
    height: 20%;
    /* border: 1px red solid; */
}



/* 榜单内容区分块的上部分 图片 */
.wyy-body-ctn-left-down-cnt-item-top-image{
    width: 90px;
    height: 90px;
    float: left;
    margin-left: 3%;
    margin-top: 10%;
}

/* 榜单内容区分块的上部分 榜单介绍文字（如：云音乐飙升榜） */
.wyy-body-ctn-left-down-cnt-item-top-text{
    float: left;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    margin-top: 15%;
    margin-left: 3%;
}

/* 榜单内容区分块的上部分 播放图标 */
.wyy-body-ctn-left-down-cnt-item-top-play{
    background-image: url("../svg/play(2).svg");
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-left: 50%;
    margin-top: -20%;
    float: left;
}

.wyy-body-ctn-left-down-cnt-item-top-play:hover{
    background-image: url("../svg/play(3).svg");
}

/* 榜单内容区分块的上部分 添加收藏图标 */
.wyy-body-ctn-left-down-cnt-item-top-add{
    background-image: url("../svg/folder.svg");
    background-size: 100% 100%;
    width: 28px;
    height: 28px;
    cursor: pointer;
    margin-left: 70%;
    margin-top: -20%;
    float: left;
}

.wyy-body-ctn-left-down-cnt-item-top-add:hover{
    background-image: url("../svg/floder(1).svg");
}


/* 榜单内容区分块的下部分（榜单部分） */
.wyy-body-ctn-left-down-cnt-item-bottom{
    width: 100%;
    height: 80%;
    /* border: 1px black solid; */
    margin-top: 3%;
}


.wyy-body-ctn-left-down-cnt-item-bottom > div{
    width: 100%;
    height: 9%;
}

.wyy-body-ctn-left-down-cnt-item-bottom div span{
    float: left;
    font-size: 23px;
    margin: 4% 0 0 6%;
}

.wyy-body-ctn-left-down-cnt-item-bottom div a{
    float: left;
    font-size: 16px;
    color: black;
    margin: 7% 0 0 6%;
}

.wyy-body-ctn-left-down-cnt-item-bottom-grey{
    background-color: #e8e8e8;
}

.wyy-body-ctn-left-down-cnt-item-bottom-red{
    color: #c10d0c;
}

/* 查看全部样式 */
#lookall a{
    margin-left: 55%;
}